In September 2024, Josh W. Comeau announced the launch of a new version of his blog, which he had been developing over the past few months. While the design remained largely similar, he aimed for a more refined look, with significant changes occurring behind the scenes. The blog had evolved into a complex application, comprising over 100,000 lines of code, and the migration process was both challenging and educational. Comeau intended to share insights about the new technology stack he employed, hoping to assist others interested in starting their own blogs or utilizing similar technologies. The core stack of the new blog includes several advanced technologies such as Next.js, React, MDX, Linaria, and MongoDB, among others. Comeau acknowledged that this stack might seem excessive for a blog, but he had specific reasons for his choices. He required robust MDX support for his posts, aimed to minimize context-switching with his course platform, and sought to gain experience with the latest React features. A significant change in the new blog was the transition from the older Pages Router to the newly introduced App Router in Next.js. This new routing system reimagines how routing and rendering work in React, offering a more powerful and flexible approach. Comeau shared his experiences comparing the two systems, noting both the benefits and challenges of the migration. Content management on the blog is primarily handled through MDX, which combines Markdown and JSX, allowing for the inclusion of custom React components within blog posts. This flexibility enables Comeau to create interactive content without being limited by traditional Markdown. He discussed the advantages of using MDX over a full React approach, particularly in terms of writing experience and data accessibility. The blog's styling transitioned from styled-components to Linaria, a CSS-in-JS library that compiles to CSS modules, making it compatible with React Server Components. Although Comeau faced challenges integrating Linaria with Next.js, he found it to be a powerful tool. He also expressed excitement about Pigment CSS, a new zero-runtime CSS-in-JS tool that he plans to explore in the future. Comeau revamped the code snippets on his blog with a custom-designed syntax theme and switched to Shiki for syntax highlighting, which operates at compile-time and does not add to the JavaScript bundle size. This change allowed for better performance and flexibility in supporting multiple programming languages. The blog features interactive code playgrounds powered by Sandpack, enabling users to experiment with code snippets directly on the site. Comeau also created reusable components for interactive demos, utilizing libraries like React Spring and Framer Motion for animations. For data management, he implemented a like button that stores user interactions in MongoDB, ensuring anonymity through hashed IP addresses. He opted for a fetch and Route Handler solution over Server Actions, finding it more straightforward for his needs. Comeau emphasized the importance of cohesive design across components, investing time in ensuring that elements like code snippets and side notes worked harmoniously together. He also introduced a dynamic rainbow feature on the homepage, which users can customize in real-time, showcasing the capabilities of PartyKit for real-time interactions. The blog now includes a search feature powered by Algolia, enhancing user experience. Comeau refined the icons used throughout the site, adding micro-interactions for a more engaging interface. He also prioritized accessibility by implementing rem-based media queries, reflecting his commitment to creating an inclusive web experience. In his reflections on the App Router, Comeau noted both its advantages and drawbacks, particularly regarding development speed and performance. He expressed optimism about the future of the App Router and its potential once the Next.js team addresses current issues. Overall, Comeau's blog serves as a testament to his journey in web development, showcasing the technologies and design principles he values while providing insights for others looking to build their own projects.